/**
 * brand css
 * @author jon
 * @email 191777962@qq.com
 */
@charset "utf-8";
body{
    font-family: \5FAE\8F6F\96C5\9ED1DE;
    background: #f5f5f5;
}
/*文本溢出隐藏并显示省略号*/
.ellipsis {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; 
}
/*.g-hd*/
    .g-hd{
        height: .6rem;
        background: #388e0b;
        text-align: center;
        line-height: .6rem;
        padding: .1rem .2rem;
        font-size: .38rem;
        color: #fff;
    }
    .g-hd .back{
        width: .4rem;
        height: .36rem;
        background: url(../img/back.png) center no-repeat;
        background-size: 50%;
        display: inline-block;
        float: left;
        margin-top: .15rem;
    }

/*.g-ad*/
    .g-ad{
        position: relative;
        width: 100%;
        height: 4.2rem;
        overflow: hidden;
    }
    .g-ad .m-switch{
        position: absolute;
        top: 0;
        width: 7.5rem;
        height: 4.2rem;
        left:50%;
    }
    .g-ad .m-mad{
        position: absolute;
        left: -50%;
        width:100%;
        height:4.2rem;
        
    }   
    .g-ad .item{
        float: left;
        height:4.2rem;
        width:7.5rem;
    }

    .g-ad .item .pic{
        height:4.2rem;
        width:7.5rem;
        display: block;
    }

    .g-ad .m-crm{
        position: absolute;
        z-index: 99;
        bottom:.2rem;
        left: 45%;
        text-align: center;
    }
    .g-ad .m-num{
        position: relative;
        background:rgba(225,225,225,0.8);
        border-radius: .4rem;
    }
    .g-ad .m-num li{
        display:inline-block;
        width: .2rem;
        cursor:pointer;
        height: .2rem;
        background:#3a8624;
        margin: .1rem;
        border-radius:.3rem;
        float: left;
        font-size: 0;
    }
    .g-ad .m-num  .active{
        background:#f19149;
        width: .4rem;
        /*color:#fff;*/
    }
/*m-nva*/
    .m-nva{
        padding:.2rem 0 .4rem .2rem;
        background:#fff;
        box-shadow: 0px 2px 3px #ccc;
        z-index: 9;
    }
    .m-nva .item{
        width: 2.22rem;
        margin:.2rem .2rem 0 0;
        text-align: center;
        float: left;
        
    }
    .m-nva .item a{
        display: block;
    }
    .m-nva .item .ico{
        width: 1.1rem;
        height: 1.1rem;
        margin: auto;
    }
    .m-nva .item .ico1{
        background: url(../img/ico1.png) center no-repeat;
        background-size: 100%;
    }
    .m-nva .item .ico2{
        background: url(../img/ico2.png) center no-repeat;
        background-size: 100%;
    }
    .m-nva .item .ico3{
        background: url(../img/ico3.png) center no-repeat;
        background-size: 100%;
    }
    .m-nva .item .ico4{
        background: url(../img/ico4.png) center no-repeat;
        background-size: 100%;
    }
    .m-nva .item .ico5{
        background: url(../img/ico5.png) center no-repeat;
        background-size: 100%;
    }
    .m-nva .item .ico6{
        background: url(../img/ico6.png) center no-repeat;
        background-size: 100%;
    }
    .m-nva .item .txt{
        font-size: .26rem;
        line-height: 2;
        color: #333;
        text-align: center;
    }
/*g-nav*/
    .g-nav{
        display: flex;
        height: 1rem;
        width: 7.5rem;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99;
    }
    .g-nav .item{
        flex: 1;
        height: 1.1rem;
        background: #398721;
        font-size: .24rem;
        text-align: center;
        color: #fdfde5;
    }
    .g-nav .item a{
        color: #fdfde5;
    }
    .g-nav .item .ico{
        display: block;
        height: .6rem;
        width: .4rem;
        margin: auto;

    }
    .g-nav .item .ico1{
        background: url(../img/home.png) center no-repeat;
        background-size: 100%;
    }
    .g-nav .item .ico2{
        background: url(../img/mien.png) center no-repeat;
        background-size: 100%;
    }
    .g-nav .item .ico3{
        background: url(../img/add.png) center no-repeat;
        background-size: 100%;
    }
    .g-nav .item .ico4{
        background: url(../img/tel.png) center no-repeat;
        background-size: 100%;
    }
    .g-nav .item.z-crt{
        background: #4aae52;
    }
    .g-nav .item.z-crt a{
        color: #fff;
    }
    .g-nav .item.z-crt .ico1{
        background: url(../img/home2.png) center no-repeat;
        background-size: 100%;
    }
    .g-nav .item.z-crt .ico2{
        background: url(../img/mien2.png) center no-repeat;
        background-size: 100%;
    }
    .g-nav .item.z-crt .ico3{
        background: url(../img/add2.png) center no-repeat;
        background-size: 100%;
    }
    .g-nav .item.z-crt .ico4{
        background: url(../img/tel2.png) center no-repeat;
        background-size: 100%;
    }
/*g-pb*/
    .g-pb{
        padding-bottom: 1.2rem;
    }

/*.m-mod*/
    .m-mod{
        margin-top: .2rem;
        background: #fff;
        padding: .2rem;
        box-sizing: border-box;
        box-shadow: 0px 2px 3px #ccc;
        overflow: scroll;
    }
    .m-mod .hd{
        height: .4rem;
        border-bottom: 1px solid #d0d0d0;
        position: relative;
    }
    .m-mod .hd .tt{
        float: left;
        border-bottom: 2px solid #4aae52;
        height: .4rem;
        position: relative;
        color: #f19149;
        font-size: .26rem;
        line-height: .4rem;
        padding-right: .05rem;
    }
    .m-mod .hd .tt .ico{
        display: inline-block;
        height: .4rem;
        width: .7rem;
        background: url(../img/ico_tree.png) center -.02rem no-repeat;
        background-size: 100%;
        vertical-align: middle;
        margin-right: .05rem;
    }
    .m-mod .hd .more{
        float: right;
        font-size: .2rem;
        color: #999;
    }


    .m-mod .scroll{
        margin-top: .1rem;
        padding: .2rem 0;
        overflow-y: hidden;
        white-space:nowrap;
    }
    .m-mod .scroll .item{
        width: 2rem;
        margin-left: .2rem;
        display: inline-block;
    }
    .m-mod .scroll .item:first-child{
        margin-left: 0;
    }
    .m-mod .scroll .item .pic{
        display: block;
        width: 2rem;
        height: 2rem;
    }
    .m-mod .scroll .item .txt{
        font-size: .24rem;
        color: #333;
        text-align: center;
        line-height: 2;
    }
    .m-mod .brand{
        padding: .4rem 0;
        font-size: .24rem;
        padding-right: 2.5rem;
        background: url(../img/pc.png) right center no-repeat;
        background-size: 33%;
        min-height: 1.5rem;
    }
    .m-mod .brand a{
        color: #01a1eb;
        padding-left: .1rem;
    }
    .m-mod .mien{
        margin-top: .1rem;
        padding: .1rem 0 .2rem;
        overflow: hidden;
    }
    .m-mod .mien ul{
        width: 7.8rem;
        margin-left: -.2rem;
    }
    .m-mod .mien .item{
        width: 2.22rem;
        margin-left: .2rem;
        float: left;
        margin-top: .2rem;
    }
    .m-mod .mien .item .pic{
        width: 2.22rem;
        height: 2.22rem;
        display: inline-block;
    }
    .m-mod .mien .item .txt{
        font-size: .24rem;
        color: #333;
        text-align: center;
        line-height: 2;
    }
    .m-mod .list{
        padding: .2rem 0;
        font-size: .24rem;
    }
    .m-mod .list .item{
        height: .6rem;
        padding-top: .1rem;
        line-height: .6rem;
        border-bottom: 1px dashed #ccc;
    }
    .m-mod .list .item .date{
        float: right;
        color: #999;
    }
    .m-mod .list .item .ico{
        display: inline-block;
        height: .2rem;
        width: .2rem;
        margin-right: .1rem;
        background: url(../img/arrow.png) center no-repeat;
        background-size: 100%;
    }

/*g-mod*/
    .g-mod{
        margin-top: 0;
        font-size: .24rem;
        line-height: 2;
        background: #fff;
        padding:.4rem .2rem;
        box-sizing: border-box;
        box-shadow: 0px 2px 3px #ccc;
    }
    .g-mod .hd{
        font-size: .28rem;
        color: #333;
        text-align: center;
        border-bottom: 1px dashed #aaa;
    }
    .g-mod .hd p{
        font-size: .24rem;
        color: #999;
    }
    .g-mod .info{
        padding: .3rem 0;
    }
    .g-mod img{
        width: 100%;
    }
    .g-mod h3{
        font-size: .28rem;
    }
    .g-mod .tip{
        color: #3a8624;
        padding-top: .2rem;
    }
    .g-mod .company{
        font-size: .28rem;
        color: #398721;
        line-height: 2;
    }
    #dituContent{
        margin-top: .3rem;
        width: 7.1rem;
        height: 4.6rem;
        border:#ccc solid 1px;
    }
/*.g-page*/
    .g-page{
        padding: .2rem;
    }
    .g-page .pagin{
        text-align: center;
    }
    .g-page .pagin .paginItem{
        height: .48rem;
        line-height: .48rem;
        color: #666;
        background: #f9f9f9;
        display: inline-block;
        border:1px solid #d0d0d0;
        padding:0 .2rem;
        margin: 0 .1rem; 
        float: left;
    }
    .g-page .pagin .current{
        background: #398721;
        border-color: #398721;
        color: #fff;
    }
    .g-page .pagin div{
        display: none;
    }
    .g-page .pagin .current a{
        color: #fff;
    }
    .g-page .pagin .etc{
        height: .48rem;
        line-height: .48rem;
        color: #666;
        display: inline-block;
        padding:0 .2rem; 
    }

    .g-page .pagin .pagenxt,.g-page .pagin .pagepre{
        height: .48rem;
    }
    .g-page .pagin .pagenxt:after{
        content: '>';
        font-size: .3rem;
    }
    .g-page .pagin .pagepre:after{
        content: '<';
        font-size: .3rem;
    }